<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>房联行增值服务部后台管理中心</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
   
	</head>
	<style>
		.layui-form-select dl{ z-index: 10000;}
	</style>
	<body>
		<div class="x-body">
			<form class="layui-form" action="">
				<div class="layui-form-item center">
					<div class="layui-inline"  style="margin: 0px;">
						<label class="layui-form-label">封面图</label>
						<div class="layui-inline left" style="margin:0px">
							<img class="layui-upload-img" id="img_show" height="132" style="max-width: 190px;" src="">
							<p id="demoText"></p>
						</div>
					</div>
					<div class="layui-inline" style="margin: 0px;">
						<div class="layui-field-box" style="padding:0px;">
							<div class="layui-upload-drag" id="img">
								<i class="layui-icon layui-icon-add-circle-fine"></i>
								<p>点击添加封面图</p>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">知识标题</label>
						<div class="layui-input-block">
							<input type="text" name="title" required="" lay-verify="required" autocomplete="off" placeholder="请输入知识标题" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">知识分类</label>
						<div class="layui-input-block">
							<select name="method" required="" lay-verify="required">
								<option value="">请选择</option>
								<option value="分类1">分类1</option>
								<option value="分类2">分类2</option>
								<option value="分类3">分类3</option>
							</select>
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label ">设计理念</label>
					<div class="layui-input-block left" style="margin-left: 0px;">
						<div class="layui-row">
							<div class="layui-col-md10 layui-col-xs11">
								<!-- 加载编辑器的容器 -->
								<script id="container" name="content" type="text/plain" style="height: 350px;">
									这里写你的初始化内容
								</script>
							</div>
							<div class="layui-col-md2 layui-col-xs1"></div>
						</div>
					</div>
				</div>
				<div class="layui-form-item" style="margin:50px auto 20px auto; text-align: center;">
					<button class="layui-btn p40" lay-filter="add" lay-submit="" id="addfrom">提交</button>
					<button type="reset" class="layui-btn p40 layui-btn-primary">重置</button>
				</div>
			</form>
		</div>
		<script>
			layui.use(['form', 'layer', 'element', 'upload'], function() {
				var $ = layui.jquery
				var form = layui.form,
					layer = layui.layer,
					upload = layui.upload;
			
				//普通图片上传
				var uploadInst = upload.render({
					elem: '#img',
					url: '/upload/',
					before: function(obj) {
						//预读本地文件示例，不支持ie8
						obj.preview(function(index, file, result) {
							$('#img_show').attr('src', result); //图片链接（base64）
						});
					},
					done: function(res) {
						//如果上传失败
						if(res.code > 0) {
							return layer.msg('上传失败');
						}
						//上传成功
					},
					error: function() {
						//演示失败状态，并实现重传

					}
				});
				
				//监听提交
				form.on('submit(add)', function(data) {
					console.log(data);
					//发异步，把数据提交给php
					layer.alert("添加成功", {
						icon: 6
					}, function() {
						// 获得frame索引
						var index = parent.layer.getFrameIndex(window.name);
						//关闭当前frame
						parent.layer.close(index);
					});
					return false;
				});
			});
		</script>
		<!-- 配置文件 -->
		<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
		<!-- 编辑器源码文件 -->
		<script type="text/javascript" src="ueditor/ueditor.all.js"></script>
		<!-- 实例化编辑器 -->
		<script type="text/javascript">
			var ue = UE.getEditor('container', {
			    autoHeight: false,
			    toolbars: [
				    [
				        'anchor', //锚点
				        'undo', //撤销
				        'redo', //重做
				        'bold', //加粗
				        'indent', //首行缩进
				        'snapscreen', //截图
				        'italic', //斜体
				        'underline', //下划线
				        'strikethrough', //删除线
				        'subscript', //下标
				        'fontborder', //字符边框
				        'superscript', //上标
				        'formatmatch', //格式刷
				        'source', //源代码
				        /*'blockquote', //引用*/
				        'pasteplain', //纯文本粘贴模式
				        /*'selectall', //全选*/
				        'print', //打印
				        'preview', //预览
				        'horizontal', //分隔线
				        'removeformat', //清除格式
				        'time', //时间
				        'date', //日期
				        'unlink', //取消链接
				        'insertrow', //前插入行
				        'insertcol', //前插入列
				        'mergeright', //右合并单元格
				        'mergedown', //下合并单元格
				        'deleterow', //删除行
				        'deletecol', //删除列
				        'splittorows', //拆分成行
				        'splittocols', //拆分成列
				        'splittocells', //完全拆分单元格
				        'deletecaption', //删除表格标题
				        'inserttitle', //插入标题
				        'mergecells', //合并多个单元格
				        'deletetable', //删除表格
				        'cleardoc', //清空文档
				        'insertparagraphbeforetable', //"表格前插入行"
				       /* 'insertcode', //代码语言*/
				        'fontfamily', //字体
				        'fontsize', //字号
				        'paragraph', //段落格式
				        'simpleupload', //单图上传
				        'insertimage', //多图上传
				        /*'edittable', //表格属性
				        'edittd', //单元格属性*/
				        'link', //超链接
				        'emotion', //表情
				        'spechars', //特殊字符
				        'searchreplace', //查询替换
				        'map', //Baidu地图
				       /* 'gmap', //Google地图*/
				        'insertvideo', //视频
				        /*'help', //帮助*/
				        'justifyleft', //居左对齐
				        'justifyright', //居右对齐
				        'justifycenter', //居中对齐
				        'justifyjustify', //两端对齐
				        'forecolor', //字体颜色
				        'backcolor', //背景色
				        'insertorderedlist', //有序列表
				        'insertunorderedlist', //无序列表
				        'fullscreen', //全屏
				        'directionalityltr', //从左向右输入
				        'directionalityrtl', //从右向左输入
				        'rowspacingtop', //段前距
				        'rowspacingbottom', //段后距
				        'pagebreak', //分页
				        'insertframe', //插入Iframe
				        'imagenone', //默认
				        'imageleft', //左浮动
				        'imageright', //右浮动
				        'attachment', //附件
				        'imagecenter', //居中
				        'wordimage', //图片转存
				        'lineheight', //行间距
				       /* 'edittip ', //编辑提示*/
				        'customstyle', //自定义标题
				        'autotypeset', //自动排版
				        /*'webapp', //百度应用*/
				        /*'touppercase', //字母大写
				        'tolowercase', //字母小写*/
				        'background', //背景
				        'template', //模板
				       /* 'scrawl', //涂鸦*/
				        'music', //音乐
				        'inserttable', //插入表格
				        'drafts', // 从草稿箱加载
				        'charts', // 图表
				    ]
				]
			});
			var ue = UE.getContent();
			
			
			
			//对编辑器的操作最好在编辑器ready之后再做
			ue.ready(function() {
			    //设置编辑器的内容
			    ue.setContent('hello');
			    //获取html内容，返回: <p>hello</p>
			    var html = ue.getContent();
			    //获取纯文本内容，返回: hello
			    var txt = ue.getContentTxt();
			});
		</script>
	</body>

</html>